$(document).ready(function(){
    let is_loginPane_on=true;
    $("#header-lgBtn").click(function(){
        $(".g-mask").fadeIn();
        $(".g-mask").css({"display":"flex"});
        is_loginPane_on=true;
    })
 
    $("#login-nextBtn").click(function(){
        $(".login-snap").css({"margin-left":"-400px"});
    })

    $("#login-backBtn").click(function(){
        $(".login-snap").css({"margin-left":"0px"});
    })

    $(".g-mask").click(function(e){
        var x1=$(".m-login")[0].offsetLeft;
        var x2=x1+$(".m-login")[0].offsetWidth;
        var y1=$(".m-login")[0].offsetTop;
        var y2=y1+$(".m-login")[0].offsetHeight;
        if(e.clientX>=x1&&e.clientX<=x2&&e.clientY>=y1&&e.clientY<=y2){
            return;
        }
        $(".g-mask").fadeOut(function(){
            $(".login-snap").css({"margin-left":"0px"});
        });
        is_loginPane_on=false;
    })
})